<template>
<!--  组件的结构-->
  <div class="student">
    <h2>  学校名称：{{name}}</h2>
    <h2>  学校地址：{{address}}</h2>
  </div>
</template>
<!-- 组件交互的代码-->
<script>
//默认暴露
 export default{
   name:'School',
   data(){
     return{
       name:'哈哈哈',
       address:'四川南充'
     }
   },
   mounted() {
     this.$bus.$on('hello',(data)=>{
       console.log('我收到了student的数据，名字为：',data)
     })
   },
   beforeDestroy() {
     this.$bus.$off('hello')
   }
 }
</script>
<!--组件的样式-->
<style scoped lang="less">
.student{
  background-color: skyblue;
  padding: 5px;
}
</style>